<!-- 安全中心 -->
<template>
  <el-container>
    <el-header>
      <Header />
    </el-header>
    <el-container>
      <el-main>
        <Main />
      </el-main>
    </el-container>
    <el-footer>
      <Footer />
    </el-footer>
  </el-container>
</template>
<script setup lang="ts">
import Header from "./header.vue";
import Main from "./main.vue";
import Footer from "./footer.vue";
</script>
<style lang="scss" scoped>
.el-container {
  // height: 100%;

  .el-header {
    width: 100%;
    padding: 0 !important;
    height: 80px;
  }
  .el-main {
    min-height: calc(100vh - 80px);
    padding: 15px 40px 15px 30px;
    background-color: var(--color-main-background);
  }
  .el-footer {
    padding: 0 !important;
  }
}
</style>
